.main {
  min-width: 1210px;
  margin: 0 auto;
  width: 1210px;
}

.topbox {
  background-color: #f1f1f1;
}

.topbox .box {
  height: 30px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}

.topbox .left {
  display: flex;
  align-items: center;
}

.topbox .left a {
  color: #666;
}

.topbox .right {
  display: flex;
  align-items: center;
}

.topbox .right div {
  margin: 0 8px;
}

.topbox .right div a {
  color: #666;
}

.topbox .right div a:hover {
  color: red;
}

.searchbox .box {
  height: 105px;
  display: flex;
  padding: 15px 0;
  box-sizing: border-box;
}

.searchbox .box .left {
  width: 330px;
}

.searchbox .box .left img {
  width: 162px;
  height: 60px;
  margin-left: 23px;
}

.searchbox .box .center {
  width: 635px;
}

.searchbox .box .center .inputbox {
  width: 635px;
  height: 65px;
}

.searchbox .box .center .inputbox .boxt {
  width: 490px;
  height: 36px;
  border: 2px solid red;
  display: flex;
  justify-content: space-between;
}

.searchbox .box .center .inputbox .boxt input[type="text"] {
  width: 406px;
  height: 26px;
  padding: 5px;
  outline: none;
  border: 0;
}

.searchbox .box .center .inputbox .boxt input[type="button"] {
  width: 79px;
  height: 36px;
  outline: none;
  color: #FFF;
  background-color: red;
  border: 0;
}

.searchbox .box .center .inputbox .boxf {
  margin-top: 4px;
}

.searchbox .box .center .inputbox .boxf a {
  color: #666;
}

.searchbox .box .center .inputbox .boxf a:nth-child(1) {
  color: #999 !important;
}

.searchbox .box .center .inputbox .boxf a:hover {
  color: red;
}

.searchbox .box .right {
  flex: 1;
  margin-top: 5px;
}

.searchbox .box .right .buy {
  width: 113px;
  height: 31px;
  display: flex;
  align-items: center;
  border: 1px solid #efefef;
  justify-content: space-around;
  position: relative;
}

.searchbox .box .right .buy div {
  width: 61px;
  height: 29px;
  display: flex;
  align-items: center;
}

.searchbox .box .right .buy div a:hover {
  color: red;
}

.searchbox .box .right .buy div em {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 30px;
  top: -6px;
  font-style: normal;
  font-weight: 600;
  background-color: red;
  color: #FFF;
  text-align: center;
}

.navbox .box .boxt {
  height: 40px;
  display: flex;
  align-items: center;
  position: relative;
}

.navbox .box .boxt ul {
  align-self: flex-start;
  z-index: 10;
  position: relative;
}

.navbox .box .boxt .sort {
  width: 210px;
  height: 40px;
  font-size: 16px;
  background-color: #e4393c;
  color: #fff;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}

.navbox .box .boxt .sort:nth-child(n+2) {
  height: 65px;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.navbox .box .boxt .sort:nth-child(n+2) .navcontent {
  display: none;
  position: absolute;
  left: 210px;
  top: 40px;
  width: 700px;
  height: 455px;
  border: 1px solid red;
  border-left: 0;
  z-index: 10;
  background-color: #FFF;
}

.navbox .box .boxt .sort:nth-child(n+2) .navcontent div {
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  display: flex;
}

.navbox .box .boxt .sort:nth-child(n+2) .navcontent div span {
  color: #666;
  font-size: 12px;
  font-weight: 600;
  margin-left: 20px;
  margin-right: 10px;
}

.navbox .box .boxt .sort:nth-child(n+2) .navcontent div .navctinfo {
  flex: 1;
  height: 50px;
  display: flex;
  flex-wrap: wrap;
  color: #ccc;
}

.navbox .box .boxt .sort:nth-child(n+2) .navcontent div .navctinfo li {
  float: left;
}

.navbox .box .boxt .sort:nth-child(n+2) .navcontent div .navctinfo li a {
  font-size: 12px;
  padding: 0 6px;
}

.navbox .box .boxt .sort:nth-child(n+2) .navcontent div .navctinfo li a:hover {
  color: red;
}

.navbox .box .boxt .sort:nth-child(n+2) h3 {
  width: 185px;
  font-size: 16px;
  font-weight: 400;
}

.navbox .box .boxt .sort:nth-child(n+2) h3 a {
  color: #FFF;
}

.navbox .box .boxt .sort:nth-child(n+2):hover {
  background-color: #FFF;
  opacity: 1;
}

.navbox .box .boxt .sort:nth-child(n+2):hover h3 a {
  color: red;
}

.navbox .box .boxt .sort:nth-child(n+2):hover .navcontent {
  display: block;
}

.navbox .box .boxt a {
  color: #333;
  font-size: 14px;
}

.navbox .box .boxt a:nth-child(2) {
  margin: 0 20px;
}

.navbox .box .boxt a:nth-child(2):hover {
  color: red;
}

.bannerbox {
  width: 1519px;
  position: relative;
  height: 457px;
  overflow: hidden;
}

.bannerbox ul:nth-child(1) {
  position: absolute;
  left: 0;
  width: 12000px;
}

.bannerbox ul:nth-child(1) li {
  float: left;
  overflow: hidden;
}

.bannerbox ul:nth-child(1) img {
  width: 1920px;
  height: 457px;
  margin-left: -160px;
}

.bannerbox ul:nth-child(2) {
  position: absolute;
  left: 50%;
  bottom: 3px;
}

.bannerbox ul:nth-child(2) li {
  float: left;
  font-size: 12px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  margin: 5px;
  background-color: black;
  color: #FFF;
  cursor: pointer;
}

.bannerbox ul:nth-child(2) li:nth-child(1) {
  background-color: #FFF;
  color: black;
}

.bannerbox ul:nth-child(2) li:hover {
  background-color: #FFF;
  color: #000;
}

.newgoods {
  background-color: #f2f2f2;
  padding-bottom: 20px;
}

.newgoods .goodsbox {
  background-color: #FFF;
  height: 255px;
  margin-top: 40px;
}

.newgoods .goodsbox .boxt {
  display: flex;
  align-items: center;
  height: 45px;
}

.newgoods .goodsbox .boxt p {
  border-left: 5px solid #dd5352;
  padding-left: 15px;
  font-size: 18px;
  color: #dd5352;
}

.newgoods .goodsbox .goods {
  display: flex;
  justify-content: space-around;
}

.newgoods .goodsbox .goods .good {
  width: 241px;
  height: 201px;
}

.newgoods .goodsbox .goods .good .goodt {
  display: flex;
  justify-content: center;
}

.newgoods .goodsbox .goods .good .goodt img {
  width: 120px;
  height: 120px;
  padding: 5px 0;
  margin-top: 6px;
  margin-bottom: 10px;
}

.newgoods .goodsbox .goods .good .goodinfo {
  box-sizing: border-box;
  width: 241px;
  height: 55px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  padding: 0 12px;
}

.newgoods .goodsbox .goods .good .goodinfo a {
  color: #666;
}

.newgoods .goodsbox .goods .good .goodinfo a:hover {
  color: red;
}

.newgoods .goodsbox .goods .good .goodinfo .price {
  margin-top: 15px;
  text-align: center;
  color: red;
}

.imgline {
  background-color: #f2f2f2;
  padding-bottom: 20px;
}

.imgline img {
  width: 1210px;
  height: 100px;
}

.tv, .computer, .life, .home, .parts {
  background-color: #f2f2f2;
}

.tv .tvbox, .computer .tvbox, .life .tvbox, .home .tvbox, .parts .tvbox {
  background-color: #FFF;
}

.tv .tvbox .bxtop, .computer .tvbox .bxtop, .life .tvbox .bxtop, .home .tvbox .bxtop, .parts .tvbox .bxtop {
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #5e92f2;
}

.tv .tvbox .bxtop .tpleft, .computer .tvbox .bxtop .tpleft, .life .tvbox .bxtop .tpleft, .home .tvbox .bxtop .tpleft, .parts .tvbox .bxtop .tpleft {
  display: flex;
  height: 26px;
  border-left: 4px solid #5e92f2;
  font-size: 20px;
  line-height: 26px;
}

.tv .tvbox .bxtop .tpleft span, .computer .tvbox .bxtop .tpleft span, .life .tvbox .bxtop .tpleft span, .home .tvbox .bxtop .tpleft span, .parts .tvbox .bxtop .tpleft span {
  padding: 0 38px 0 10px;
}

.tv .tvbox .bxtop .tpleft ul li, .computer .tvbox .bxtop .tpleft ul li, .life .tvbox .bxtop .tpleft ul li, .home .tvbox .bxtop .tpleft ul li, .parts .tvbox .bxtop .tpleft ul li {
  list-style: none;
  float: left;
  height: 15px;
  line-height: 26px;
  margin-right: 20px;
  font-size: 14px;
}

.tv .tvbox .bxtop .tpleft ul li a, .computer .tvbox .bxtop .tpleft ul li a, .life .tvbox .bxtop .tpleft ul li a, .home .tvbox .bxtop .tpleft ul li a, .parts .tvbox .bxtop .tpleft ul li a {
  color: #666;
}

.tv .tvbox .bxtop .tpleft ul li a:hover, .computer .tvbox .bxtop .tpleft ul li a:hover, .life .tvbox .bxtop .tpleft ul li a:hover, .home .tvbox .bxtop .tpleft ul li a:hover, .parts .tvbox .bxtop .tpleft ul li a:hover {
  color: #dd5352;
}

.tv .tvbox .bxtop .tpright, .computer .tvbox .bxtop .tpright, .life .tvbox .bxtop .tpright, .home .tvbox .bxtop .tpright, .parts .tvbox .bxtop .tpright {
  font-size: 14px;
  margin-right: 10px;
}

.tv .tvbox .bxtop .tpright a:hover, .computer .tvbox .bxtop .tpright a:hover, .life .tvbox .bxtop .tpright a:hover, .home .tvbox .bxtop .tpright a:hover, .parts .tvbox .bxtop .tpright a:hover {
  color: #dd5352;
}

.tv .tvbox .bxtop .tpright i, .computer .tvbox .bxtop .tpright i, .life .tvbox .bxtop .tpright i, .home .tvbox .bxtop .tpright i, .parts .tvbox .bxtop .tpright i {
  cursor: pointer;
}

.tv .tvbox .bxbottom, .computer .tvbox .bxbottom, .life .tvbox .bxbottom, .home .tvbox .bxbottom, .parts .tvbox .bxbottom {
  display: flex;
  height: 489px;
}

.tv .tvbox .bxbottom .bleft, .computer .tvbox .bxbottom .bleft, .life .tvbox .bxbottom .bleft, .home .tvbox .bxbottom .bleft, .parts .tvbox .bxbottom .bleft {
  width: 200px;
  height: 470px;
}

.tv .tvbox .bxbottom .bleft img, .computer .tvbox .bxbottom .bleft img, .life .tvbox .bxbottom .bleft img, .home .tvbox .bxbottom .bleft img, .parts .tvbox .bxbottom .bleft img {
  width: 100%;
  height: 100%;
}

.tv .tvbox .bxbottom .bright ul li, .computer .tvbox .bxbottom .bright ul li, .life .tvbox .bxbottom .bright ul li, .home .tvbox .bxbottom .bright ul li, .parts .tvbox .bxbottom .bright ul li {
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  float: left;
  padding: 10px;
  box-sizing: border-box;
  width: 202px;
  height: 243px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.tv .tvbox .bxbottom .bright ul li:nth-child(5n), .computer .tvbox .bxbottom .bright ul li:nth-child(5n), .life .tvbox .bxbottom .bright ul li:nth-child(5n), .home .tvbox .bxbottom .bright ul li:nth-child(5n), .parts .tvbox .bxbottom .bright ul li:nth-child(5n) {
  border-right: 0;
}

.tv .tvbox .bxbottom .bright ul li img, .computer .tvbox .bxbottom .bright ul li img, .life .tvbox .bxbottom .bright ul li img, .home .tvbox .bxbottom .bright ul li img, .parts .tvbox .bxbottom .bright ul li img {
  width: 140px;
  height: 140px;
  padding: 5px 0;
  margin: 10px 0;
}

.tv .tvbox .bxbottom .bright ul li a, .computer .tvbox .bxbottom .bright ul li a, .life .tvbox .bxbottom .bright ul li a, .home .tvbox .bxbottom .bright ul li a, .parts .tvbox .bxbottom .bright ul li a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  color: #666;
  margin-bottom: 8px;
}

.tv .tvbox .bxbottom .bright ul li a:hover, .computer .tvbox .bxbottom .bright ul li a:hover, .life .tvbox .bxbottom .bright ul li a:hover, .home .tvbox .bxbottom .bright ul li a:hover, .parts .tvbox .bxbottom .bright ul li a:hover {
  color: red;
}

.tv .tvbox .bxbottom .bright ul li span, .computer .tvbox .bxbottom .bright ul li span, .life .tvbox .bxbottom .bright ul li span, .home .tvbox .bxbottom .bright ul li span, .parts .tvbox .bxbottom .bright ul li span {
  width: 201px;
  color: red;
}

.computer {
  padding-bottom: 20px;
  background-color: #f2f2f2;
}

.computer .tvbox .bxtop {
  border-bottom: 2px solid #8960f1;
}

.computer .tvbox .bxtop .tpleft {
  border-left-color: #8960f1;
}

.computer .tvbox .bxbottom {
  height: 470px;
}

.life .tvbox .bxtop {
  border-bottom: 2px solid #fdb84a;
}

.life .tvbox .bxtop .tpleft {
  border-left-color: #fdb84a;
}

.service {
  height: 54px;
  background-color: #f2f2f2;
  padding: 20px 0 34px;
}

.service img {
  float: left;
  width: 302.5px;
  height: 54px;
}

.footer {
  background-color: #f2f2f2;
}

.footer .footbox .fttop {
  display: flex;
  justify-content: space-around;
  height: 147px;
}

.footer .footbox .fttop dl dt {
  width: 206px;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  padding: 10px 5px;
  color: #666;
  border-bottom: 1px solid #e6e6e6;
  margin: 5px 0;
}

.footer .footbox .fttop dl dd ul li {
  list-style: square;
  list-style-position: inside;
  font-size: 12px;
  padding: 2px 5px;
}

.footer .footbox .fttop dl dd ul li a {
  color: #666;
}

.footer .footbox .ftbottom {
  padding: 20px 0;
  color: #666;
}

.footer .footbox .ftbottom p {
  display: flex;
  justify-content: center;
}

.footer .footbox .ftbottom p img {
  width: 20px;
  height: 20px;
}

.footer .footbox .ftbottom p a {
  color: #666;
}

.footer .footbox .ftbottom p a:hover {
  text-decoration: underline;
}
